<template>
  <!-- 我的 -->
  <view>
    <!-- 上 -->
<!--    <view class="my-top">
      <image class="avatar-bg-img" src="/static/images/apply-img/好评选择.png" mode="aspectFill"></image>
      <view class="avatar-main">
        <view>
          <image class="avatar-img" :src="orderForm.avarImage" mode="aspectFill"></image>
          <view class="avatar-title">
            <text class="title-one">{{ orderForm.username }}</text>
            <text>炭火号：{{ orderForm.userCode }}</text>
            <text>IP属地：{{ orderForm.provinceName }}</text>
          </view>
        </view>
      </view>
    </view>
    <view class="my-middle">
      
    </view>
    <view class="my-footer">
      
    </view> -->
    <my></my>
  </view>
</template>

<script setup>
  import my from "/components/my/my.vue"
  
</script>

<style lang="scss">
  .my-top {
    width: 100%;
    height: 230px;
    color: #fff;
    background-color: #172367;
    
    .avatar-main {
      height: 80%;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; /* 垂直居中 */
    }
    
    
  }
  .my-middle {}
  .my-footer {}
</style>
